@import "base/base.less";
@import "module/card/img-title-like-view-status-card001";

@bodyBG: url("../images/classify-list/bg.png");

#main-menu {
  .absolute(60px, 42px);
  .menu-item {
    position: absolute;
    color: white;
    font-size: 24px;
    text-align: center;
    .setWH(100px, 56px);
    line-height: 50px;
    .menu-item-wrap{
      .ellipsis;
    }
    &.active {
      font-weight: bold;
      background: url("../images/classify-list/main-menu-item-active.png") no-repeat top;
    }
    &.leave {
      color: #00dfb8;
      background: url("../images/classify-list/main-menu-item-leave.png") no-repeat bottom;
    }
  }
}

#sub-menu {
  .absolute(60px, 124px);
  .menu-item {
    position: absolute;
    color: white;
    font-size: 18px;
    text-align: center;
    .setWH(86px, 33px);
    line-height: 33px;
    background: url("../images/classify-list/sub-menu-item.png") no-repeat;
    .menu-item-wrap{
      .ellipsis;
    }
    &.active {
      font-weight: bold;
      background: url("../images/classify-list/sub-menu-item-active.png") no-repeat;
    }
    &.leave {
      font-weight: bold;
      //background: url("../images/classify-list/sub-menu-item-active.png") no-repeat;
    }
  }
}

#content {
  .absolute(0, 178px);
  .left-box {
    .absolute(60px, 2px);
    background: url("../images/classify-list/left-box-bg.png") no-repeat;
    .setWH(273px, 429px);
    text-align: center;
    .img {
      margin-top: 80px;
      .line-height(140px);
      img {
        vertical-align: middle;
      }
    }
    .name {
      font-size: 26px;
      .line-height(80px);
    }
  }
  .right-box {
    .absolute(348px, 0);
    .list-item {
      .setWH(288px, 216px);
    }
    .list-item-wrap {
      .setWH(284px, 212px);
      .mask {
        .setWH(284px, 212px);
        background: url("../images/classify-list/mask.png") no-repeat;
      }
    }
  }
}

#sponsor{
  font-size: 18px;
  .absolute(60px,640px);
  color: #00dfb8;
}

#pageControl{
  .absolute(900px,633px);
  font-size: 24px;
  color: #00dfb8;
  .line-height(37px);
  &>div{
    display: inline-block;
    margin: 0 12px;
    vertical-align: top;
  }
}
#pageInfo{
  position: absolute;
  right: 60px;
  top:633px;
  .curPage{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: #00dfb8;
  }
  .totalPage{
    display: inline-block;
    font-size: 24px;
    text-indent: 4px;
  }
}